@charset "utf-8";
/* CSS Document */
body {
	font-size:15px;
}
.floatR{float:right}
.link-white{
	color:#ffffff;
}
.link-white a{
	color:#ffffff;
	text-decoration:none;
}
.link-white a:hover{
	color:#fe8615;
	text-decoration:none;
}

.link-orange a{
	color:#fe8615;
	text-decoration:none;
}
.link-orange a:hover{
	color:#fe8615;
	text-decoration:underline;
}

.button{float:left}
.button a{
	padding:8px 25px;
	background:#fe8615;
	color:#ffffff;
	float:left;
}
.button a:hover{
	background:#f76e00;
}
.marBT20{margin-bottom:20px}
.marT30{margin-top:60px}

label{
	width:100%; 
	clear:both;
	margin-top:15px;
	font-weight:normal
}
input[type="text"]{
	border:1px solid #e1e5ed;
	width:400px;
	height:35px;
	padding:0 10px
}
textarea{
	border:1px solid #e1e5ed;
	width:400px;
	height:120px;
	padding:10px
}
input[type="button"]{
	clear:both !important;
	background:#fe8615;
	color:#ffffff;
	padding:10px 20px;
	border:none;
}

/* ============== START TOP BAR - BLACK =============== */
#top-full{
	background:#1f1a17;
	padding:8px 0;
}
#top-full .top-contact{
	float:left;
}
#top-full .top-contact ul{
	margin:0; 
	padding:0
}
#top-full .top-contact li{
	list-style:none;
	margin-right:20px;
	padding-left:23px;
	float:left
}
#top-full .top-contact li:first-child{
	padding-left:0;
}
#top-full .top-contact li.mail{background:url(../images/ico.png) no-repeat 0 -192px;}
#top-full .top-contact li.phone{background:url(../images/ico.png) no-repeat 0 -219px;}

#top-full .top-contact li span{
	width:14px; 
	height:14px; 
	float:right;
	margin-left:5px;
	margin-top:3px
}
#top-full .top-contact li span.fb{background:url(../images/ico.png) no-repeat 0 -120px;}
#top-full .top-contact li span.tw{background:url(../images/ico.png) no-repeat 0 -165px;}


#top-full .top-lang{
	float:right;	
}
#top-full .top-lang ul{
	list-style:none;
}
#top-full .top-lang li{
    cursor: pointer;
	list-style:none;
	float:right;
	padding-left:32px;
	height:20px;
	background:url(../images/ico.png) no-repeat;
	margin-left:20px;
	display:inline;
}
#top-full .top-lang li:last-child{margin-left:0}
#top-full .top-lang li.active a{
	color:#fe8615;
}
#top-full .top-lang li.active {
	color:#fe8615;
}
#top-full .top-lang li.eng{background-position:0 -3px;}
#top-full .top-lang li.jp{background-position:0 -36px;}
#top-full .top-lang li.vi{background-position: 0 -75px;}
/* ============== END TOP BAR - BLACK =============== */
 
/* ============== START TOP MENU & LOGO =============== */
.top-logo{padding-top:23px; padding-bottom:23px;}
.top-search{
	float:right;
	padding:20px 0 16px 0;
}
.top-search input{
	border:1px solid #ebebeb;
	background:url(../images/ico-search.png) no-repeat 98% center;
	background-position: ;
	height:28px;
	width:220px;
	padding-left:10px;
}
.top-menu{
	float:right;
	clear:both;
} 
.top-menu ul{margin:0; padding:}
.top-menu li{
	list-style:none;
	float:right;
	text-transform:uppercase;
	margin-left:24px;
	font-size:11pt
}
.top-menu li a.active{
	border-bottom:2px #fe8615 solid; 
	padding-bottom:3px;
	color:#fe8615;
}
.top-menu li a:hover{border-bottom:2px #fe8615 solid; padding-bottom:3px}
.top-banner{
	background-repeat: no-repeat;
	background-position: center;
	height:380px;
	width:100%
}
/* ============== END TOP MENU & LOGO =============== */


/*Index Content*/
.maxim{
	text-align:center;
	font-style:italic;
	padding-top:40px;
	padding-bottom:40px;
}

#introduce{
	background:#f1f1f1;
	padding:20px 0 50px 0;
}
#introduce img{margin-top:10px}
#introduce p{margin:30px 0}

.title{
	background:url(../images/line.png) bottom center no-repeat;
	text-align:center;
	margin-top:30px;
	padding-bottom:30px;	
}

#resoucre{
	background:url(../images/base-content.jpg) no-repeat center;
	min-height:400px;
	padding-top:50px;	
}
#resoucre .content{padding-left:40px}

.home-product{
	margin-top:30px;
	margin-bottom:50px;
}
.careers{
	margin:40px 0;	
}
.home-intro-pd-bg{
	background:#e1e5ed;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
.intro-product-left{
	min-height:718px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	padding-top:320px
}
.intro-pd-tt{
	width:100%;
	background:#fe8615;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
	padding:5px 10px
}

.product-list a{
	border:1px solid #e1e5ed;
	padding:20px;
	float:left;
	cursor:pointer;
	transition:all 0.5s ease 0s;
	color:#555555;
	width:100%;
	text-align:center;
}
.product-small a{padding:10px; min-height:238px}
.product-category a{padding:10px; min-height:218px}
.partner-small a{padding:10px; min-height:160px}
.gallery a{padding:10px;}
.gallery-row{margin-bottom:20px}
.product-list a:hover{
	border:1px solid #fe8615;
	box-shadow: 2px 2px 3px #d3d3d3;
}
.product-list a h4{color:#555555;}
.product-list a .pd-title{
	border-bottom:1px solid #e1e5ed;
	color:#555555;
	margin-bottom:20px;
	float:left;
	width:100%;
}
.product-list a .pd-title span{
	color:#fe8615;
	text-transform:uppercase;
	padding-bottom:20px;
	float:left;
	text-align:center;
	width:100%;
}

.home-news{
	margin-top:30px;
}
.home-news img{
	margin-bottom:10px;
}

.partner{
	background:url(../images/line.png) no-repeat top center;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:40px;
}
.partner ul{margin:0; padding:0}
.partner li{
	list-style:none;
	float:left;
	width:180px;
	height:84px;	
}

/*Footer and Copyright*/
#footer{
	background:#4b4b4b;
	padding-top:25px;
	padding-bottom:40px;
}
#footer h2{
	border-bottom:1px solid #7c7c7c;
	padding-bottom:10px;
	margin-bottom:30px;
}
#footer .map{
	width:553px;
	height:149px;
}
#footer ul{
	margin:0; padding:0;	
}
#footer li{
	list-style:none;
	float:left;
	clear:both;
	margin-top:3px;
	margin-bottom:3px;	
}
#footer li span{text-transform:uppercase; font-weight:bold}

/*Footer and Copyright*/
#copyright{
	background:#2a2a2a;
	padding-top:25px;
	padding-bottom:25px;
	line-height:10px;
}
#copyright .cpr-menu{
	text-align:right	
}
#copyright .cpr-menu ul{
	margin:0; padding:0;
}
#copyright .cpr-menu li{
	list-style:none;
	float:right;
	border-right:1px solid #ffffff;
	padding-right:7px;
	padding-left:7px;
}
#copyright .cpr-menu li:first-child{border:none; padding-right:0}


/*Product and News carosel - Scroll*/
.arrow-left{
	width:14px;
	height:22px;
	background:url(../images/ico.png) no-repeat 0 -255px;
}
.arrow-right{
	width:14px;
	height:22px;
	background:url(../images/ico.png) no-repeat 0 -291px;	
}


/*Intro Subpate*/
.sub-banner{
	background:#0a1e8f;
	height:190px;
}
#sub-page{
	margin-top:25px;
	margin-bottom:40px;	
}
#sub-page h2{
	background:url(../images/sub-line.png) no-repeat bottom left;
	padding-bottom:10px;
}
#sub-page h3{color:#555555}
#sub-page .content{margin-top:25px;}

#sub-page .category{
	background:#f1f1f1;
	clear:both;
	float:left;
	width:100%;
	padding:15px 0;
	margin-bottom:50px
}

#sub-page .category ul{
	margin:0; padding:0
}
#sub-page .category li{
	clear:both;
	text-transform:uppercase;
	list-style:none;
	font-size:15px;
}
#sub-page .category li a.active{
	color:#fe8615;
	background:url(../images/ico.png) no-repeat 0 -427px;
}
#sub-page .category li a{
	float:left;
	display:block;
	padding-left:20px;
	background:url(../images/ico.png) no-repeat 0 -323px;
	margin:7px 20px;
}
#sub-page .category li a:hover{
	
	background:url(../images/ico.png) no-repeat 0 -427px;
}

#sub-page .right-news{
	margin-top:20px;	
}
#sub-page .right-news ul{margin:0; padding:0;}
#sub-page .right-news li{
	list-style:none;
	clear:both;
	background:url(../images/sub-line.png) no-repeat bottom left;
	padding-bottom:20px;
	margin-bottom:20px
}

.prd-category h2{
	background:url(../images/sub-line.png) no-repeat bottom left;
	padding-bottom:10px;
}

.prd-detail{
	margin-top:30px;
	margin-bottom:30px;
}
.prd-detail h4{color:#555555}
.prd-detail ul{margin:0; padding:2px 0 0 0;}
.prd-detail li{
	list-style:none;
	clear:both;
	margin:10px 0 0 0;
}
.prd-detail li span{width:150px; float:left}
.prd-detail .prd-pict{
	border:1px solid #e1e5ed;
	padding:10px;
}

.search-result{

}
.search-result h4{color:#555555}
.search-result ul{margin:0; padding:0}
.search-result li{
	list-style:none;	
	border-top:1px solid #e1e5ed;
	padding:10px 0
}
.search-result li:first-child{border-top:none}

#notfound{
	margin:50px 0 60px 0;
	text-align:center;
	width:100%; float:left
}
#notfound .bigtext{font-size:150px; color:#d1d1d1;}
#notfound .mediumtext{font-size:40px; clear:both;}





